<template>
	<view>
		<view @click="chapterSelect(item.id)" class="list" v-for="(item,index) in lists">
			<!-- <uni-icons class="circle" type="smallcircle-filled" size="5" color="#b07cfd"></uni-icons> -->
			<text class="content">{{item.chapterName}}</text>
			<text v-if="isNum !== 'stu'" class="fr">{{item.questionCount || item.wrongQuestionCount}}</text>
			<uni-icons class="arrow" type="arrowright" size="18" color="#3C86FD" ></uni-icons>
		</view>
	</view>
</template>

<script>
	export default {
		name:"list",
		props: ['lists','url', 'isNum'],
		data() {
			return {
				msg: ''
			};
		},
		onLoad() {
		},
		methods:{
			chapterSelect (id) {
				this.$emit('chapter-select', id)
			}
		}
	}
</script>

<style lang="scss">
	.circle{
		float: left;
		margin-top: 4px;
		margin-right: 7px;
	}
	.arrow{
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	.list{
		border-bottom: 1px solid #d1d0d5;
		padding: 12px 5px;
		position: relative;
	}
	.fr {
		// display: inline-block;
		// // margin-bottom: 130px;
		// float: right;
		// margin-right: 30px;
		
		position: absolute;
		right: 40px;
		top: 28%;
	}
	text{
		font-family: "Adobe";
		
	}
	.content{
		width: 100%;
		display: inline-block;	}
</style>
